// src/theme.js
import { createTheme } from '@mui/material/styles';

const theme = createTheme({
  palette: {
    mode: 'light',
    primary: {
      main: '#ff69b4', // 粉红色
      contrastText: '#fff',
    },
    secondary: {
      main: '#f48fb1', // 更柔和的粉色
    },
    error: {
      main: '#f44336',
    },
    background: {
      default: '#fefefe', // 薄粉色背景
      paper: '#fdf6f9',
    },
    text: {
      primary: '#4a4a4a',
      secondary: '#a972ff',
    },
  },
  typography: {
    fontFamily: `'Roboto', 'Helvetica', 'Arial', sans-serif`,
    button: {
      textTransform: 'none',
      fontWeight: 'bold',
    },
  },
  shape: {
    borderRadius: 12,
  },
  components: {
    MuiButton: {
      styleOverrides: {
        root: {
          borderRadius: 16,
        },
      },
    },
    MuiPaper: {
      styleOverrides: {
        root: {
          borderRadius: 16,
          boxShadow: '0 0 15px rgba(255,105,180,0.15)',
        },
      },
    },
  },
});

export default theme;
